<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../plantilla/plantillaGeneral.xhtml">
            <ui:define name="title">
                #{general.accesoPagina}
            </ui:define>
            <ui:define name="content">
                <h:form id="frmPagina" >
                    <p:growl id="growl" />
                    <h:panelGrid id="pngTitulo001" columns="1">
                        <h:outputText id="outTitutlo001" value="#{general.accesoPagina}" styleClass="texto_subtitulo"/>
                    </h:panelGrid>
                    <p:panel id="pnlAdmPagina" header="#{general.roles}">
                        <p:panel id="pnlFiltroD" header="#{general.filtrosBusqueda}">
                            <h:panelGrid id="pngFiltro" columns="8">
                                <h:outputText id="outFiltro" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>
                                <h:selectOneMenu id="slmFiltro" value="#{rolPagina.filtroBusqueda}" disabled="#{rolPagina.visibleForm}">
                                    <f:selectItem id="sliCodigo" itemValue="C" itemLabel="#{general.codigo}"/>
                                    <f:selectItem id="sliNombre" itemValue="N" itemLabel="#{general.nombre}"/>
                                    <p:ajax id="supFiltros" event="change" update="pngFiltrosBusqueda"
                                            actionListener="#{rolPagina.inicializarFiltros}" />
                                </h:selectOneMenu>
                                <h:panelGroup id="pngFiltrosBusqueda">
                                    <h:inputText id="intCodPagina" value="#{rolPagina.idRol}" title="#{general.codigo}"
                                                 rendered="#{rolPagina.filtroBusqueda eq 'C'}" disabled="#{rolPagina.visibleForm}"
                                                 maxlength="9" >
                                        <f:convertNumber for="intCodPagina" integerOnly="true" />
                                        <p:ajax event="change" update="pngFiltrosBusqueda"/>
                                    </h:inputText>
                                    <h:inputText id="intNumPagina" value="#{rolPagina.nombre}" title="#{general.nombre}"
                                                 rendered="#{rolPagina.filtroBusqueda eq 'N'}" disabled="#{rolPagina.visibleForm}"
                                                 maxlength="10">
                                        <p:ajax event="change" update="pngFiltrosBusqueda"/>
                                    </h:inputText>
                                </h:panelGroup>
                                <p:commandButton id="btnBuscar" value="#{general.buscar}" update="pnlFiltroD,dttPagina,growl"
                                                 actionListener="#{rolPagina.buscarRol}" disabled="#{rolPagina.visibleForm}"
                                                 immediate="true" />
                            </h:panelGrid>
                        </p:panel>
                        <p:spacer height="10"/>
                        <p:panel id="pnlResultadoB" header="#{general.resultadoBusqueda}">

                            <p:dataTable id="dttPagina" emptyMessage="#{general.noDatos}" value="#{rolPagina.listaRoles}"
                                         var="rol" rows="10" paginator="true">
                                <f:facet name="header">
                                    <h:outputText value="#{general.roles}"/>
                                </f:facet>
                                <p:column id="clmCodigo" style="width: 90px">
                                    <f:facet name="header">
                                        <h:outputText value="#{general.codigo}"/>
                                    </f:facet>
                                    <h:outputText id="clmOutCodigo" value="#{rol.idRol}"/>
                                </p:column>
<!--                                 <p:column id="clmNombre" > -->
<!--                                     <f:facet name="header"> -->
<!--                                         <h:outputText value="#{general.nombre}"/> -->
<!--                                     </f:facet> -->
<!--                                     <h:outputText id="clmOutNombre" value="#{rol.nombre}"/> -->
<!--                                 </p:column> -->
<!--                                 <p:column id="clmAcciones" style="width: 90px"> -->
<!--                                     <f:facet id="fctClmAcciones" name="header"> -->
<!--                                         <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/> -->
<!--                                     </f:facet> -->
<!--                                     <div align="center"> -->
<!--                                         <p:commandButton id="btnAccionMod" actionListener="#{rolPagina.seleccionarRol}" value="#{general.seleccionar}" -->
<!--                                                          update="frmPagina,pnlPagina" title="#{general.titleBtnSeleccionar}" disabled="#{rolPagina.visibleForm}"> -->
<!--                                             <f:attribute name="rol" value="#{rol}"/> -->
<!--                                         </p:commandButton> -->
<!--                                     </div> -->
<!--                                 </p:column> -->
                            </p:dataTable>
                        </p:panel>
                        <h:panelGrid columns="1">
                            <p:spacer height="5px"/>
                        </h:panelGrid>
                        <p:panel id="pnlPagina" header="#{general.asignarPaginas}" rendered="#{rolPagina.visibleForm}" >
                            <p:panel header="#{general.rol}">
                                <h:panelGrid columns="4">
                                    <h:outputText value="#{general.codigo}: " styleClass="texto_negrita_derecha"/>
                                    <h:inputText value="#{rolPagina.rol.idRol}" disabled="true" size="20"/>
                                    <h:outputText value="#{general.nombre}: " styleClass="texto_negrita_derecha"/>
                                    <h:inputText value="#{rolPagina.rol.nombre}" disabled="true" size="50"/>
                                </h:panelGrid>
                            </p:panel>
                            <p:spacer height="5px"/>
                            <p:panel header="#{general.paginas}">
                                <p:dataTable value="#{rolPagina.listaPaginas}" var="paginas" rows="10" paginator="true"
                                             emptyMessage="#{general.noDatos}" >
                                    <f:facet name="header">
                                        <h:outputText value="#{general.paginasPorAsignar}"/>
                                    </f:facet>
<!--                                     <p:column id="clmCodigo" style="width: 90px"> -->
<!--                                         <f:facet name="header"> -->
<!--                                             <h:outputText value="#{general.codigo}"/> -->
<!--                                         </f:facet> -->
<!--                                         <h:outputText id="clmOutCodigo" value="#{paginas.idPagina}"/> -->
<!--                                     </p:column> -->
                                    <p:column id="clmNombre" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.nombre}"/>
                                        </f:facet>
                                        <h:outputText id="clmOutNombre" value="#{paginas.nombre}"/>
                                    </p:column>
                                    <p:column id="clmUrl" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.url}"/>
                                        </f:facet>
                                        <h:outputLabel id="clmOutUrl" value="#{paginas.url}"/>
                                    </p:column>
                                    <p:column id="clmAcciones" >
                                        <f:facet id="fctClmAcciones" name="header">
                                            <h:outputText id="outClmAcciones" value="#{general.seleccionar}" />
                                        </f:facet>
                                        <div align="center">
                                            <h:selectBooleanCheckbox value="#{paginas.seleccionar}" />
                                        </div>
                                    </p:column>
                                </p:dataTable>
                                <h:panelGrid columns="1">
                                    <p:spacer height="5px"/>
                                    <p:fieldset >
                                        <h:panelGrid columns="9">
                                            <h:outputText value="#{general.insertar}: " styleClass="texto_negrita_derecha"/>
                                            <h:selectOneMenu  value="#{rolPagina.insertar}" >
                                                <f:selectItem itemValue="S" itemLabel="#{general.si}"/>
                                                <f:selectItem itemValue="N" itemLabel="#{general.no}"/>
                                            </h:selectOneMenu>
                                            <h:outputText value="#{general.actualizar}: " styleClass="texto_negrita_derecha"/>
                                            <h:selectOneMenu  value="#{rolPagina.actualizar}" >
                                                <f:selectItem  itemValue="S" itemLabel="#{general.si}"/>
                                                <f:selectItem itemValue="N" itemLabel="#{general.no}"/>
                                            </h:selectOneMenu>
                                            <h:outputText value="#{general.eliminar}: " styleClass="texto_negrita_derecha"/>
                                            <h:selectOneMenu  value="#{rolPagina.eliminar}" >
                                                <f:selectItem  itemValue="S" itemLabel="#{general.si}"/>
                                                <f:selectItem itemValue="N" itemLabel="#{general.no}"/>
                                            </h:selectOneMenu>
                                            <h:outputText value="#{general.visualizar}: " styleClass="texto_negrita_derecha"/>
                                            <h:selectOneMenu  value="#{rolPagina.visualizar}" >
                                                <f:selectItem  itemValue="S" itemLabel="#{general.si}"/>
                                                <f:selectItem itemValue="N" itemLabel="#{general.no}"/>
                                            </h:selectOneMenu>
                                            <p:commandButton id="btnAsignar" value="#{general.asignar}" actionListener="#{rolPagina.asignar}" ajax="false"
                                                             disabled="#{pagina.renderDetalle}" update="growl"/>
                                        </h:panelGrid>
                                    </p:fieldset>
                                    <p:spacer height="5px"/>
                                </h:panelGrid>
                                <p:dataTable value="#{rolPagina.paginasAsignadas}" var="paginas" rows="10" paginator="true"
                                             emptyMessage="#{general.noDatos}" >
                                    <f:facet name="header">
                                        <h:outputText value="#{general.paginasAsignar}"/>
                                    </f:facet>
                                    <p:column id="clmCodigo1" style="width: 90px">
                                        <f:facet name="header">
                                            <h:outputText value="#{general.codigo}"/>
                                        </f:facet>
                                        <h:outputText id="clmOutCodigo1" value="#{paginas.tpagina.idPagina}"/>
                                    </p:column>
<!--                                     <p:column id="clmNombre1" > -->
<!--                                         <f:facet name="header"> -->
<!--                                             <h:outputText value="#{general.nombre}"/> -->
<!--                                         </f:facet> -->
<!--                                         <h:outputText id="clmOutNombre1" value="#{paginas.tpagina.nombre}"/> -->
<!--                                     </p:column> -->
                                    <p:column id="clmUrl1" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.url}"/>
                                        </f:facet>
                                        <h:outputLabel id="clmOutUrl1" value="#{paginas.tpagina.url}"/>
                                    </p:column>
                                    <p:column id="clmIns" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.insertar}"/>
                                        </f:facet>
                                        <h:outputLabel id="clmIns1" value="#{paginas.insertar}"/>
                                    </p:column>
                                    <p:column id="clmAct" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.actualizar}"/>
                                        </f:facet>
                                        <h:outputLabel id="clmAct1" value="#{paginas.actualizar}"/>
                                    </p:column>
                                    <p:column id="clmEli" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.eliminar}"/>
                                        </f:facet>
                                        <h:outputLabel id="clmEli1" value="#{paginas.eliminar}"/>
                                    </p:column>
                                    <p:column id="clmVi" >
                                        <f:facet name="header">
                                            <h:outputText value="#{general.visualizar}"/>
                                        </f:facet>
                                        <h:outputLabel id="clmVi1" value="#{paginas.visualizar}"/>
                                    </p:column>
                                    <p:column id="clmAcciones1" >
                                        <f:facet id="fctClmAcciones1" name="header">
                                            <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                                        </f:facet>
                                        <p:commandButton value="#{general.eliminar}" title="#{general.titleBtnEliminar}"
                                                         actionListener="#{rolPagina.eliminar}" update="frmPagina,pnlPagina">
                                            <f:attribute name="paginas" value="#{paginas}"/>
                                        </p:commandButton>
                                    </p:column>
                                </p:dataTable>
                            </p:panel>

                        </p:panel>
                        <h:panelGrid columns="1">
                            <p:spacer height="5px"/>
                        </h:panelGrid>
                        <p:commandButton id="btnCancelar" value="#{general.cancelar}" actionListener="#{rolPagina.cancelar}"
                                         ajax="false" rendered="#{rolPagina.visibleForm}"/>
                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>

    </body>
</html>
